.ui_input {
    border: #afafaf 1px solid;
    border-radius: 5px;
    /*padding-left: 5px;*/
    /*padding-right: 5px;*/
    outline: none;
    transition: all 200ms;
}
.ui_input:hover{
    border: #646464 1px solid;
}
.ui_input:focus {
    border: #000000 1px solid;
}
.ui_button {
    border: 1px black solid;
    transition: all 200ms ease;
}
.ui_button:hover {
    background-color: black;
    color: white;
    cursor: pointer;
}

.ui_li {
    height: 40px;
    box-sizing: border-box;
    background: url("../pic/right_point.png") no-repeat;
    background-position-x: right;
    background-position-y: center;
    padding-right: 10px;
    border-radius: 10px;
    line-height: 40px;
    margin: 10px;
    padding-left: 10px;
    transition: .25s ease;
}
.ui_li:hover {
    box-shadow: inset 2px 2px 4px #d1d9e6, inset -2px -2px 4px #f9f9f9;
}
.ui_li_selected {
    box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #f9f9f9;
}